

.m-padded-mini{
        padding:0.2em !important;
}
.m-padded-tiny{
        padding:0.3em !important;
}
.m-padded-tb-mini{
        padding-top:0.2em !important;
        padding-bottom: 0.2em !important;
}
.m-padded-tb-tiny{
        padding-top:0.3em !important;
        padding-bottom: 0.3em !important;
}
.m-padded-tb-small{
        padding-top:0.5em !important;
        padding-bottom: 0.5em !important;
}
.m-padded-tb-tb{
        padding-top:1em !important;
        padding-bottom: 1em !important;
}
.m-padded-tb-large{
        padding-top:2em !important;
        padding-bottom: 2em !important;
}
.m-padded-tb-big{
        padding-top:3em !important;
        padding-bottom: 3em !important;
}
.m-padded-tb-huge{
        padding-top:4em !important;
        padding-bottom: 4em !important;
}
.m-padded-tb-massive{
        padding-top:5em !important;
        padding-bottom: 5em !important;
}
.m-padded-lr{
        padding-left: 4em!important;
        padding-right: 4em!important;
}

/*文本设置*/
.m-text{
        font-weight: 300!important;
        letter-spacing: 1px!important;
        line-height: 1.8;
}
.m-text-thin{
        font-width: 300!important;
}
.m-text-spaced{
        letter-spacing: 1px!important;
}
.m-text-lined{
        line-height: 1.8;
}

/*display*/
.m-inline-block{
        display: inline-block;
}

.m-container{
        max-width: 72em!important;
        margin: auto!important;
}
.m-container-small{
        max-width: 57em!important;
        margin: auto!important;
}

/*margin*/
.m-margin-tiny{
        margin-top: 0.3em !important;
        margin-bottom: 0.3em !important;
}
.m-margin-bottom-mini{
        margin-bottom:0.5em!important;
}

/*opacity透明度*/
.m-opacity-mini{
        opacity: 0.8!important;
}
.m-opacity-tinyP{
        opacity: 0.6!important;
}
/*color*/
.m-black{
     color: #333!important;
}
.m-teal{
        color:#00B5AD!important;
}
/*margin-top*/
.m-margin-top-small{
        margin-top: 0.5em!important;
}
.m-margin-top-large{
        margin-top: 2em!important;
}

.m-top-right{
        position: absolute;
        top:0;
        right: 0;
}
.m-mobile-show{
        display: none!important;
}

/*布局positon*/
.m-fixed{
       position: fixed!important;
        z-index: 10!important;
}
.m-right-bottom{
        bottom: 0!important;
        right: 0!important;
}


.m-shadow-small{/*阴影*/
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2)!important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2)!important;
}
@media screen and (max-width:768px){
        .m-mobile-hide{
                display: none!important;
        }
        .m-mobile-show{
                display: block!important;
        }
        .m-padded-lr-responsive{
                padding-left:0!important;
                padding-right: 0!important;
        }
        .m-mobile-clear{
                padding-left:0!important;
                padding-right: 0!important;
        }
        .m-mobile-wide{
                width:100%!important;
        }
}
